<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>发表案例</title>
		<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit|ie-stand |ie-comp">
		<!-- 指定以最新的IE版本模式来显示网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 针对360浏览器的内核调用,强制调用极速模式 -->
		<meta name="renderer" content="webkit" />
		<link rel="stylesheet" href="../style/reset.css">
		<link rel="stylesheet" href="../style/wytiwen.css" />
		<link rel="stylesheet" href="../style/jlyrenwu.css" />
		<link rel="stylesheet" href="../swiper/swiper.css">
		<!--定时-->
		<link rel="stylesheet" href="../style/jquery.datetimepicker.css" />
		<script type="text/javascript" src="../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../js/mmlogin.js" ></script>
		<!--插入图片-->
		<link rel="stylesheet" href="../style/zxgl.css" />
		<!--编辑器-->
		<link href="../themes/default/default.css" rel="stylesheet" />
		<script src="../js/kindeditor-min.js"></script>
		<script src="../js/emoticons.js"></script>
		<script src="../js/zh_CN.js"></script>
		<!--插入图片-->
		<script type="text/javascript" src="../js/jquery.qqFace.js" ></script>
		<script type="text/javascript" src="../swiper/swiper.min.js"></script>
		<style>
			
		.theme-popover::-webkit-scrollbar{width:14px;}
.theme-popover::-webkit-scrollbar-track{background-color:#bee1eb;}
.theme-popover::-webkit-scrollbar-thumb{background-color:#00aff0;}
.theme-popover::-webkit-scrollbar-thumb:hover {background-color:#9c3}
.theme-popover::-webkit-scrollbar-thumb:active {background-color:#00aff0}
			
			.wyrowbg{
				height: auto !important;
			}
			.mytw_right{
				height: auto;
				background: white;
			}
			.img_div{
				width: 765px !important;
			}
			.theme-popover{
				width: 733px;
				/*min-height: 516px;*/
				left: 45%;
				top: 35%;
			}
			/* 弹框样式 */
			.theme-popover {
			    z-index:9999;
			    position:fixed;
			    top:32%;
			    left:43%;
			    /*width:425px;*/
			    /*height:320px;*/
			    margin:-190px 0 0 -261px;
			    border-radius:5px;
			    /*background-color:#fff;*/
			    display:none;
			    box-shadow: 0 0 10px #666;
			}
			.theme-ti{
			    display: none;
			    position: fixed;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    background-color: #666;
			    background-color: rgba(0,0,0,0.6);
			    filter:alpha(opacity=60);       /* IE */
			    -moz-opacity:0.6;              /* 老版Mozilla */
			    -khtml-opacity:0.6;              /* 老版Safari */
			    opacity: 0.6;           /* 支持opacity的浏览器*/
			    z-index: 998;
			}
			.theme-poptit {
			    padding:12px;
			    position: relative;
			}
			.theme-con{
			    margin-top: 20px;
			    text-align: center;
			}
			.theme-conimg{
			    margin-top: 13px;
			}
			.theme-popbod{
			
			}
			.theme-signin{
			    margin: 25px 0 0 131px;
			}
			
			.themeipt{
			    margin-bottom: 13px;
			    height: 39px;
			    width: 245px;
			    border: 1px solid #dddddd;
			    border-radius: 3px;
			    padding-left: 13px;
			}
			.themebtn{
			    margin-top: 22px;
			    display: inline-block;
			    width: 260px;
			    height: 41px;
			    background-color: #f45454;
			    font-size: 20px;
			    border-radius: 3px;
			    color: #fff;
			}
			.themea{
			    display: inline-block;
			}
			.theme-popbom {
			    padding:15px;
			    background-color:#f6f6f6;
			    border-top:1px solid #ddd;
			    border-radius:0 0 5px 5px;
			    color:#666
			}
			.theme-poptit .close {
			    float:right;
			    color:#999;
			    padding:5px;
			    margin:-9px -9px -19px;
			    font:bold 18px/18px simsun;
			    text-shadow:0 1px 0 #ddd
			}
			.theme-wj{
			    margin-top: 15px;
			    font-size: 16px;
			    text-align: center;
			}
			.theme-wj a{
			       color: #333333;
			}
			.yqimg{
				width: 200px;
				height: 186px;
				margin: auto;
				margin-top: 30px;
				margin-bottom: 80px;
			}
			.yqimg>img{
				width: 200px;
				height: 186px;
			}
			.rta>a{
				float: right;
			}
			.rta>a:hover{
				color: #991f1f;
			}
			.j-t-b-img img {
			    width: 81%;
			    vertical-align: baseline;
			    margin-right: 189px;
			}
			.j-tab-banner .swiper-container {
			    height: auto !important;
			    margin-top: 20px;
			}
			.swiper-container {
			    /*margin-left: auto;
			    margin-right: auto;
			    position: relative;*/
			    overflow: hidden;
			    z-index: 1;
			}
			.jlmore {
			   width: auto !important;
				margin: auto;
				height: auto;
				font-size: 13px;
				line-height: 23px;
				text-align: left;
				margin-right: 86px !important;
				padding-bottom: 40px;
				padding-top: 0px;
			}
			.swiper-slide {
			    -webkit-flex-shrink: 0;
			    -ms-flex: 0 0 auto;
			    flex-shrink: 0;
			    width: 100%;
			    height: 100%;
			    position: relative;
			    /*margin-bottom: -122px !important;*/
			}
			/*.j-t-b-img {
			    text-align: center;
			    font-size: 18px;
			    line-height: normal !important;
			    color: #666666;
			}*/
			.bjbz{    display: inline-block;
			    background: #991f1f;
			    color: white;
			    padding: 5px 12px;
			    margin-left: 30px;
			    border-radius: 5px;
			    float: right;
			    margin-right: 200px;
			    margin-top: 2px;
			   }
			.bjbz:hover{
				background: #901c1c !important;
			}
			body ,.ke-content{font-size: 14px !important;font-family: "微软雅黑";}
			.table{
				width: 100%;
				height: auto;
				border-color:gainsboro ;
				margin: 20px 0rem;
			}
			.fbbj>a:hover{
				background: #8d1010 !important;
			}
			.fbbj>a{
				padding: 5px 10px;
				background: #991f1f;
				color: white;
				font-size: 14px;
				border-radius: 4px;
			}
			.fbbj>span{
				padding: 5px 10px;
				background: #e1e1e1;
				color: #666666;
				font-size: 14px;
				border-radius: 4px;
				cursor: pointer;
				margin-left: 10px;
			}
			.fbbj>span:hover{
				background:#d7d5d5;
			}
			.addjljl{
				display: inline-block;
				margin-top: 10px;
				width: 100px;
				height: 35px;
				border-radius: 4px;
				background: #991f1f;
				color: white;
				text-align: center;
				line-height: 34px;
				font-size: 14px;
			}
			.addjljl:hover{
				background: #8d1010 !important;
			}
			.addjljl01{
				display: inline-block;
				margin-top: 20px;
				width: 100px;
				height: 35px;
				border-radius: 4px;
				background: #991f1f;
				color: white;
				text-align: center;
				line-height: 34px;
				font-size: 14px;
				margin-left: 30px;
			}
			.addjljl01:hover{
				background: #8d1010 !important;
			}
			.trjl>td:nth-of-type(1){
				text-align: left;
				padding-left: 10px;
			}
			.trjl>th:nth-of-type(1){
				text-align: left;
				padding-left: 10px;
			}
			table>tr>th{
				border-color:gainsboro ;
			}
		</style>
	</head>
	<body>
		<!-- 公共顶部 S -->
	    <div class="row header-top">
	        <div class="container">
	            <div class="header-top-l fl">您好，欢迎来到房屋装修监理网!</div>
	            <div class="header-top-r fr">
	                <div class="htrdl"><a href="../mmlogin.html">登录</a></div>
	                <div class="htrdl"><a href="../register.html">注册</a></div>
	                <!-- 登陆后出现用户名 和 退出 -->
	                <!-- <div class="htrdl"><a>Andy233</a></div>
	                <div class="htrdl"><a href="">退出</a></div> -->
	                <span class="htrb"></span>
	                <div class="htr"><a href="../index-zxhd.html">最新活动</a></div>
	                <span class="htrb"></span>
	                <div class="htr"><a href="../index-gsjieshao.html">公司介绍</a></div>
	                <span class="htrb"></span>
	                <div class="htr"><a href="../index-ZXyuyue.html">免费预约</a></div>
	                <span class="htrb"></span>
	                <div class="htr mess"><a href="MyXTxiaoxi.html">消息<span>20</span></a></div>
	                <span class="htrb"></span>
	                <div class="htr"><a href="Myxiangmu.html">个人中心</a></div>
	                <span class="htrb"></span>
	            </div>
	        </div>
	    </div>
	    <div class="row header-logo">
	        <div class="container  header-conter">
	            <div class="hclogo fl">
	                <a href="index.html"><img src="../image/logo.png"></a>
	            </div>
	            <div class="hcsearch">
	                <div class="hcsearl fl">
	                    <select>
	                        <option>监理现场</option>
	                        <option>监理案例</option>
	                        <option>装修攻略</option>
	                        <option>维权视频</option>
	                    </select>
	                </div>
	                <div class="hcsearc fl">
	                    <input type="text">
	                </div>
	                <div class="hcsearr fr">
	                    搜索
	                </div>
	            </div>
	            <div class="hctex fr">
	                <img src="../image/tel.png" style="margin-right: 40px;">
	                <img src="../image/wx.png">
	            </div>
	        </div>
	    </div>
	    <div class="row header-bottom">
	        <div class="container">
	            <a class="hbmain fl" href="../index.html">首页</a>
	            <a class="hbnav fl" href="../index-jlfw.html">监理服务</a>
	            <a class="hbnav fl" href="../index-jlxc.html">监理现场</a>
	            <a class="hbnav fl" href="../index-jlal.html">监理案例</a>
	            <a class="hbnav fl" href="../index-zxgl.html">装修攻略</a>
	            <a class="hbnav fl" href="../index-wqsp.html">维权视频</a>
	            <a class="hbnav fl" href="../index-zxgs.html">装修公司</a>
	        </div>
	    </div>
	    <!--公共顶部 E -->
	
	    <!-- 首页banner S-->
	    <!-- 首页 -->
		<div class="row wyrowbg">
			<div class="container">
				<div class="mytw_left">
					<div class="per_til">个人中心</div>
					<div class="wdxm_box">
						我的项目
						<a href="Myxiangmu.html">我的项目</a>
						<a href="YKwodezhuye.html">我的主页</a>
						<a href="JLYrenwu.html" class="active">我的任务</a>
					</div>
					<div class="wdxm_box tiwen">
						我的问答
						<a href="MyYtiwen.html">我要提问</a>
						<a href="MyDtiwen.html">我的提问</a><span class="jiaobiao">99</span>
						<a href="MyDhuida.html">我的回答</a>
					</div>
					<div class="wdxm_box">
						我的关注
						<a href="MyDguanzhu.html">我的关注</a>
					</div>
					<div class="wdxm_box">
						消息通知
						<a href="MyXTxiaoxi.html">系统消息</a><span class="jiaobiao">99</span>
						<a href="MySQxiaoxi.html">申请消息</a><span class="jiaobiao">99</span>
						<a href="MySDpinglun.html">收到的评论</a><span style="margin-right: 103px;" class="jiaobiao">99</span>
						<a href="MySDzan.html">收到的赞</a><span class="jiaobiao">99</span>
					</div>
					<div class="wdxm_box">
						设置权限
						<a href="MySZquanxian.html">设置权限</a>
					</div>
					<div class="wdxm_box">
						邀请好友
						<a href="MyYQhaoyou.html">邀请好友</a>
					</div>
					<div class="wdxm_box" style="border-bottom: none;">
						我的个人资料
						<a href="MyGRziliao.html">个人资料</a>
						<a href="MyXGtouxiang.html">修改头像</a>
						<a href="MyXGmima.html">修改密码</a>
						<a href="MyXGshouji.html">修改手机</a>
					</div>
				</div>
				<!--右边box-->
				<div class="mytw_right">
					<div class="rightbox">
						<p class="rta">萧山瑞博-林之语二期三室两厅监理记录  <a href="JLYbianjianlie.html">编辑案列信息</a></p>
						<a class="addjljl" href="JLYfabiaoanlie2.html">添加监理记录</a>
						<table class="table" border="1" bordercolor="gainsboro" cellpadding="0" cellspacing="0">
							<tr class="trjl" style="height: 40px;font-weight: bold;">
								<td>标题</td>
								<td>评价</td>
								<td>时间</td>
								<td>操作</td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
								<!--<td class="fbsc"><span>删除</span></td>-->
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
							<tr class="trjl" style="height: 45px;">
								<td>万家星城万家星城</td>
								<td>优秀</td>
								<td>2017-07-11 15:30</td>
								<td class="fbbj"><a href="JLYfabiaoanlie2.html">编辑</a><span>删除</span></td>
							</tr>
						
							
						</table>
						<div style="height: 100px;text-align: center;line-height: 80px;">分页放这</div>
					</div>
				</div>
			</div>
		</div>
		 <!-- 图片弹框 -->
	    <div class="shade" onclick="javascript:closeShade()">
	        <div class="">
	            <span class="text_span"></span>
	        </div>
	    </div>
	    <div class="shadeImg" onclick="javascript:closeShadeImg()">
	        <div class="">
	            <img class="showImg" src="">
	        </div>
	    </div>
		
		<div class="theme-ti"></div>
		<div class="theme-popover" style="width:587px;top: 32%;left: 48%;text-align: center;height: auto;height: 500px;overflow-y: auto;">
	    <div class="theme-poptit">
	          <a href="javascript:;" title="关闭" class="close1 fr">×</a>
	    </div>
	     	<div class="theme-wj">
	     		<!--正常预览-->
	        	<div class="jljl-tab">
                    <div class="j-tab-banner">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="j-t-b-img" style="width: auto;height: auto;line-height: normal;">
                                        <img src="../image/1.jpg" alt=""  border="0" width="0" height="0" onload="AutoResizeImage(400,512,this)" alt="400 X 512" />
                                        <div class="jlmore" style=" line-height: auto;">
                                        	测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
                                        	测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="j-t-b-img" style="width: auto;height: auto;line-height: normal;">
                                        <img src="../image/QQ截图20170520163000.png" alt=""  border="0" width="0" height="0" onload="AutoResizeImage(400,512,this)" alt="400 X 512" />
                                        <div class="jlmore" style=" line-height: auto;">测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</div>
                                    </div>
                                </div>
                                 <div class="swiper-slide">
                                    <div class="j-t-b-img" style="width: auto;height: auto;line-height: normal;">
                                        <img src="../image/1.jpg" alt=""  border="0" width="0" height="0" onload="AutoResizeImage(400,512,this)" alt="400 X 512" />
                                        <div class="jlmore" style=" line-height: auto;">测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-prev tabprev" style="margin-top: -32px;"></div>
                            <div class="swiper-button-next tabpnext" style="margin-top: -32px;"></div>
                        </div>
                    </div>
                    <!--<a class="jlmore" style="display: inline-block;margin-bottom: 20px;margin-top: 10px;" href="#">
                    	身花费的时间并不长，上午就完成了。我家的事情，就一个问题大家展开了激烈的讨论，我>>
                    	身花费的时间并不长，上午就完成了。我家的事情，就不长，上午就完成了。我家的事情，一个问题大家展身花费的时间并不长，上午就完成了。我家的事情，就一个问题大家展开了激烈的讨论，我>>
                    </a>-->
                </div>
            	<!--文章型预览-->
            	<!--<div class="jljl-tab" style="">
                    <div class="j-tab-banner">
                        <div class="swiper-container" style="height: 620px;overflow: auto;">
                            <div class="swiper-slide">
                            	<div class="wzxbox" style="width: 400px;">
                                	<p class="tiljly">杭州秋涛雅苑装修质量四次节点监理验收记录！</p>
                                	<p class="tiljly1">四次节点验收项目为：</p>
                                	<p class="tiljly1">1、水电完工质量验收。</p>
                                	<p class="tiljly1">2、泥工完工质量验收。 </p>
                                	<p class="tiljly1">3、木工完工质量验收。 </p>
                                	<p class="tiljly1">4、油漆完工质量验收。</p>
                                </div>
                                <div class="j-t-b-img" style="line-height: 1;">
                                    <img style="vertical-align: baseline;" src="../image/1.jpg" border="0" width="0" height="0" onload="AutoResizeImage(400,512,this)" alt="">
                                </div>
                                <div class="j-t-b-img" style="line-height: 1;">
                                    <img style="vertical-align: baseline;" src="../image/1.jpg" border="0" width="0" height="0" onload="AutoResizeImage(400,512,this)" alt="">
                                </div>
                                <div class="j-t-b-img" style="line-height: 1;">
                                    <img style="vertical-align: baseline;" src="../image/3.jpg" border="0" width="0" height="0" onload="AutoResizeImage(400,512,this)" alt="">
                                </div>
                                <div class="j-t-b-img" style="line-height: 1;">
                                    <img style="vertical-align: baseline;" src="../image/choujiang3_0.1.png" border="0" width="0" height="0" onload="AutoResizeImage(400,512,this)" alt="">
                                </div>
                                 <a class="jlmore" style="display: inline-block;margin-bottom: 20px;margin-top: 10px;" href="#">
			                    	身花费的时间并不长，上午就完成了。我家的事情，就一个问题大家展开了激烈的讨论，我>>
			                    	当前文字不可见，请<span style="color: #991f1f;">申请</span>
			                    </a>
                            </div>
                        </div>
                    </div>
                </div>-->
	     	</div>
	    </div>
    	<!--公共底部 S-->
    	<script type="text/javascript" src="../js/jquery.js"></script>
    	<script type="text/javascript" src="../js/jquery.datetimepicker.js"></script>
    <script>
        var editor;
        KindEditor.ready(function (K) {
            editor = K.create('textarea[name="content_1"]', {
                resizeType: 1,
                allowPreviewEmoticons: false,
                allowImageUpload: false,
                items: [
					'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
					'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
					'insertunorderedlist', '|', 'emoticons', 'link']
            });
        });

        var mySwiper = new Swiper('.j-tab-banner .swiper-container', {
            prevButton: '.swiper-button-prev',
            nextButton: '.swiper-button-next',
            observer: true,//修改swiper自己或子元素时，自动初始化swiper
            observeParents: true,//修改swiper的父元素时，自动初始化swiper
        })

        $('#datetimepicker').datetimepicker();
        $('#datetimepicker').datetimepicker({ value: '2015/04/15 05:03', step: 10 });
        $('#datetimepicker4').datetimepicker();

        function AutoResizeImage(maxWidth, maxHeight, objImg) {
            var img = new Image();
            img.src = objImg.src;
            var hRatio;
            var wRatio;
            var Ratio = 1;
            var w = img.width;
            var h = img.height;
            wRatio = maxWidth / w;
            hRatio = maxHeight / h;
            if (maxWidth == 0 && maxHeight == 0) {
                Ratio = 1;
            } else if (maxWidth == 0) {//
                if (hRatio < 1) Ratio = hRatio;
            } else if (maxHeight == 0) {
                if (wRatio < 1) Ratio = wRatio;
            } else if (wRatio < 1 || hRatio < 1) {
                Ratio = (wRatio <= hRatio ? wRatio : hRatio);
            }
            if (Ratio < 1) {
                w = w * Ratio;
                h = h * Ratio;
            }
            objImg.height = h;
            objImg.width = w;
        }

        //描述：上传图片附带删除 再次地方可以加上一个ajax进行提交到后台进行删除
        function removeImg(r) {
            $(r).parent().remove();
        }
        //描述：上传图片附带放大查看处理
        function lookBigImg(b) {
            $(".shadeImg").fadeIn(500);
            $(".showImg").attr("src", $(b).attr("src"))
        }

        //描述：关闭弹出层
        function closeShade() {
            $(".shade").fadeOut(500);
        }
        //描述：关闭弹出层
        function closeShadeImg() {
            $(".shadeImg").fadeOut(500);
        }

        function getObjectURL(file) {
            var url = null;
            if (window.createObjectURL != undefined) { // basic
                url = window.createObjectURL(file);
            } else if (window.URL != undefined) { // mozilla(firefox)
                url = window.URL.createObjectURL(file);
            } else if (window.webkitURL != undefined) { // webkit or chrome
                url = window.webkitURL.createObjectURL(file);
            }
            //console.log(url);
            return url;
        }

        $(function () {
        	
        	$(document).on('change','.aaaa',function(){
        		 var objUrl;
	            var img_html;
	            
	                var filepath = $(this).val();
	                for (var i = 0; i < this.files.length; i++) {
	                    objUrl = getObjectURL(this.files[i]);
	                    var extStart = filepath.lastIndexOf(".");
	                    var ext = filepath.substring(extStart, filepath.length).toUpperCase();
	                    if (ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") {
	                        $(".shade").fadeIn(500);
	                        $(".text_span").text("图片限于bmp,png,gif,jpeg,jpg格式");
	                        this.value = "";
	                        $(this).parents('.com_form').children('.img_div').html("");
	                        return false;
	                    } else {
	                        /*
	                            若规则全部通过则在此提交url到后台数据库
	                         * */
	                        img_html = "<div class='isImg'><img src='" + objUrl + "' onclick='javascript:lookBigImg(this)' style='height: 100%; width: 100%;' /><button class='removeBtn' onclick='javascript:removeImg(this)'>x</button></div>";
	                        $(this).parents('.com_form').children('.img_div').append(img_html);
	                    }
	                }
	                //          描述：鉴定每个图片大小总和
	                var file_size = 0;
	                var all_size = 0;
	                for (j = 0; j < this.files.length; j++) {
	                    file_size = this.files[j].size;
	                    all_size = all_size + this.files[j].size;
	                    var size = all_size;
	                    if (size > 10000) {
	                        $(".shade").fadeIn(500);
	                        $(".text_span").text("上传的图片大小不能超过10000k！");
	                        this.value = "";
	                        $(this).parents('.com_form').children('.img_div').html("");
	                        return false;
	                    }
	                }
	                return true;

        	})
        	
        	
        	
            $(".btn1").click(function () {
                var i = $('.kkk').last().index() + 1;
                var classname = "content_" + i;
                 var yes = "yes" + i;
                  var no = "no" + i;
                var htm = "<div class=\"kkk div_" + i + "\"><p class=\"qxsz\"><span>权限设置：图片公开&nbsp;&nbsp;&nbsp;&nbsp;<input type=\"radio\" checked=\"checked\" name=\"" + yes + "\" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;<input type=\"radio\" name=\"" + yes + "\" />&nbsp;&nbsp;否</span><span>文字公开&nbsp;&nbsp;&nbsp;&nbsp;<input type=\"radio\" checked=\"checked\" name=\"" + no + "\" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;<input type=\"radio\" name=\"" + no + "\" />&nbsp;&nbsp;否</span></p> <div class=\"rate\"><div class=\"tera\"><form><textarea name=\"" + classname + "\" class=\"textare\" style=\"width:880px;height:200px;visibility:hidden;resize: none;\" placeholder=\"请输入监理现场的文字（选填）\"></textarea></form></div></div><div class=\"com_form\"><a class=\"a-upload fr\"><input type=\"file\" class=\"aaaa\"  name=\"myFile\" multiple=\"multiple\">插入图片</a><div class=\"img_div\" style=\"margin-top: 10px;\"></div></div></div>";
                $('.addbox').append(htm);


                KindEditor.create("textarea[name='" + classname + "']", {
                    resizeType: 1,
                    allowPreviewEmoticons: false,
                    allowImageUpload: false,
                    items: [
                        'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                        'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                        'insertunorderedlist', '|', 'emoticons']
                });

                var h1= $('.mytw_right').height()+$('.kkk').height()+50;


                $('html,body').height(h1);
              
                $('html,body').animate({scrollTop: h1}, 500);
            });

            

            $('.jljl-nav a').on('click', function () {
                var _index = $(this).index();
                var titleDom = $('.jljl-nav a');
                titleDom.removeClass('on');
                $(this).addClass('on');
                var msgDom = $('.jljl-tab');
                msgDom.addClass('hide');
                msgDom.eq(_index).removeClass('hide');
            });

            $('#open').click(function () {
                $('#datetimepicker4').datetimepicker('show');
            });
            $('#close').click(function () {
                $('#datetimepicker4').datetimepicker('hide');
            });
            $('#reset').click(function () {
                $('#datetimepicker4').datetimepicker('reset');
            });
        });
	</script>
   
	</body>
</html>
